<template>
    <div id ='navbar'>
        <ul class='fl'>      
                <router-link  to='/Main' >go to  frontIndex</router-link>
                <router-link  to='/Main/choose-Lesson' >go to  ChooseLesson</router-link>
                <router-link  to='/Main/Study' >go to  Study</router-link>
                <router-link  to='/Main/Examination' >go to  Examination</router-link>
                <router-link  to='/Main/MySettings' >go to  MySettings</router-link>
        </ul>
    </div>
</template>
<script>
    export default {
        data(){
            return {
                navbar:[
                    1,2,3,4,5
                ]
            }
        }
    }
</script>
<style>
#navbar ul li{
 
}
#navbar {
    position: fixed;
    bottom:0px;
}
.fl{
    float: left;
}
a.router-link-active{
    color:#f60;
}
</style>